const path = require('path')
const { defineConfig } = require('@vue/cli-service')

function resolve(dir) {
 return path.join(__dirname, dir)
}

module.exports = defineConfig({
 transpileDependencies: true,
 lintOnSave: false,
 // 配置 svg-sprite-loader，这样才能让那个svg-icon组件生效
 chainWebpack(config) {
  config.module
      .rule('svg')
      .exclude.add(resolve('src/view/svg-icon/svg'))
      .end()
  config.module
      .rule('icon')
      .test(/\.svg$/)
      .include.add(resolve('src/view/svg-icon/svg'))
      .end()
      .use('svg-sprite-loader')
      .loader('svg-sprite-loader')
      .options({
       symbolId: 'icon-[name]'
      })
      .end()
 },
})
